<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="utf-8">
	<title></title>
	<link th:href="@{//cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.css}" rel="stylesheet"/>
</head>
<body>
<div class="container" style="position: fixed">
	<div class="row clearfix">
		<div class="col-md-4 column">
		</div>
		<div class="col-md-4 column">
		</div>
		<div class="col-md-4 column">
			<table class="table">
				<thead>
				<tr>
					<th>
						排名
					</th>
					<th>
						姓名
					</th>
					<th>
						分数
					</th>
				</tr>
				</thead>
				<tbody>
				<tr class="success" th:each="grade,gradeStat : ${grades}">
					<td th:text="${gradeStat.count}">
					</td>
					<td th:text="${grade.name}">
					</td>
					<td th:text="${grade.total}">
					</td>
				</tr>
				<!--<tr class="error">-->
					<!--<td>-->
						<!--2-->
					<!--</td>-->
					<!--<td>-->
						<!--TB - Monthly-->
					<!--</td>-->
					<!--<td>-->
						<!--02/04/2012-->
					<!--</td>-->
					<!--<td>-->
						<!--Declined-->
					<!--</td>-->
				<!--</tr>-->
				<!--<tr class="warning">-->
					<!--<td>-->
						<!--3-->
					<!--</td>-->
					<!--<td>-->
						<!--TB - Monthly-->
					<!--</td>-->
					<!--<td>-->
						<!--03/04/2012-->
					<!--</td>-->
					<!--<td>-->
						<!--Pending-->
					<!--</td>-->
				<!--</tr>-->
				<!--<tr class="info">-->
					<!--<td>-->
						<!--4-->
					<!--</td>-->
					<!--<td>-->
						<!--TB - Monthly-->
					<!--</td>-->
					<!--<td>-->
						<!--04/04/2012-->
					<!--</td>-->
					<!--<td>-->
						<!--Call in to confirm-->
					<!--</td>-->
				<!--</tr>-->
				</tbody>
			</table>
		</div>
	</div>
</div>

<script type="text/javascript" th:src="@{/back/js/snake.js}"></script>
<script type="text/javascript" th:src="@{/back/js/sketch.js}"></script>
<script type="text/javascript" th:src="@{/back/js/p5.min.js}"></script>
</body>
</html>